define("home", function (require, exports, module) {
  const loadStyles = require("loadStyles");
  loadStyles("src/views/home/home.css");
  const loadComponent = require("loadComponent");
  const Header = loadComponent("src/components/header/header.js");
  const api = require("src/api/index.js");

  module.exports = {
    name: "Home",
    data() {
      return {};
    },
    template: `
      <div class="home">
        <Header></Header>
        <div class="container">
          <div class="row">
            <div class="col-md-8">1</div>
            <div class="col-md-4">2</div>
          </div>
          <div class="row">
            Home
          </div>
        </div>
      </div>
    `,
    mixins: [],
    components: {
      Header,
    },
    created() {
      const title = document.querySelector("title");
      title.innerHTML = this.$route.meta.title;
      api
        .get("/test")
        .then((res) => console.log(res))
        .catch((err) => console.error(err));
    },
    mounted() {
      console.log("[home test]", this.$route, this.$store);
    },
    updated() {},
    destroyed() {},
    computed: {},
    watch: {},
    methods: {},
  };
});
